<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>我是a页面</h1>
    <button>点击我跳转到b页面</button>
    <button>点击我前进到下一个历史页面</button>
    <button>点击我前进到c页面历史记录</button>
    <script>
        // 操作地址栏的历史记录：前提是要有历史记录；
        var btn = document.querySelector("button");
        btn.onclick = function(){
            window.location.href = "b.html";
        }

        // 跳转到下一个页面的历史记录；
        var btn2=  document.querySelectorAll('button')[1];
        btn2.onclick = function(){

            window.history.forward();
        }

        var btn3 = document.querySelectorAll("button")[2];
        btn3.onclick = function(){
            // 前进到c的历史记录
            // 0代表本页面
            window.history.go(2)
        }

        // 1.前进一个历史记录 history.forword();
        // 2.回退上一个历史记录 history.back();
        // 3.回退或者前进到指定历史记录 history.go(值);
        // 注意：一定要有历史记录 ，否则不能做跳转；


    </script>
</body>
</html>